<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>history对象</title>
</head>
<body>

<input type="button" value="获取历史访问个数" id="i1">
<input type="button" value="前进一页" id="i2">
<input type="button" value="后退一页" id="i3">
<input type="button" value="去往指定页面" id="i4">

<script !src="">
  // window.history.length   // 获取当前窗口的历史页面个数
  // window.history.forward()  // 加载当前页面的下一个页面   【前往下一个页面】
  // window.history.back()  // 加载当前页面的上一个历史页面  【返回上一个页面】
  // window.history.go(参数) // 加载history列表中的某个页面

  i1.onclick = function () {
    alert(history.length)
  }


  i2.onclick = function () {
    history.forward()
  }

  i3.onclick =function () {
    history.back()
  }

  i4.onclick = function () {
    history.go(1)
  }



</script>

</body>
</html>